<%--@elvariable id="cust" type="com.pgybook.db.entity.pojo.Customer"--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta content="text/html" name='五星图书'/>
    <title>五星图书</title>
    <link rel="stylesheet" href="/styles/basic.css" type="text/css"/>
    <link rel="stylesheet" href="/styles/client.css" type="text/css"/>
    <script type="text/javascript" src="/scripts/jquery.min.js"></script>
    <script type="text/javascript" src="/scripts/index.js"></script>
</head>
<body>
<div id="toolbar">
    <div id="toolbar-box" class="w990">
        <span>您好，欢迎来到蒲公英亲自亲子图书馆！</span>
        <ul class="fright">
            <li><a href="#">登陆</a> &nbsp; </li>
            <li><a href="#">免费注册</a> |&nbsp;</li>
            <li class="lend_car"><a href="#">借阅车0件</a></li>
            <li class="web_help">&nbsp;|&nbsp;<a href="#">网站帮助</a> |&nbsp;</li>
            <li class="add_collect"><a href="#">加入收藏</a></li>
        </ul>
    </div>
</div>
<!--  end  toolbar-->

<div id="logo" class="w990"><a href="#"><img src="../../images/logo.jpg"/></a></div>

<!--  end  logo-->
<div id="nav">
    <ul class="w990">
        <li><a href="../../index.html">首页</a></li>
        <li><a href="../html/help.html">借书指南</a></li>
        <li><a href="../html/booktop.html">蒲公英榜</a></li>
        <li><a href="../html/reward.html">悬赏图书</a></li>
        <li class="last"><a href="client_index.jsp">我的账户</a></li>
    </ul>
</div>
<!--  end  nav-->

<div id="search">
    <div id="reach_box" class="w990">
        <select class="fleft">
            <option>图片名称</option>
            <option>图片名称</option>
            <option>图片名称</option>
        </select>

        <form class="fleft">
            <input type="text" value="搜索你想要的关键字" name="search" class="text"/>
            <input type="submit" value="" name="submit" class="submit"/>

        </form>
        <span><a href="#">高级搜索</a></span>
        <span class="prompt">温馨提示：如未能搜索到书籍信息，您可联系<a href="#">“在线客服”</a>或<a href="#">“在线留言”</a>进行查询 </span>
    </div>
</div>
<!--  end  search-->

<div id="content" class="w990">
    <div class="client_nav fleft">
        <h1>个人信息管理</h1>
        <ul>
            <li><a href="../html/client_imfor.html" class="on">编辑个人信息</a></li>
            <li><a href="../html/client_password.html">更改密码</a></li>
            <li><a href="client_address.jsp">收件人地址</a></li>
        </ul>
        <h1>借阅管理</h1>
        <ul>
            <li><a href="../html/client_lendcar.html">图书借阅车</a></li>
            <li><a href="../html/client.mylend.html">我的借阅单</a></li>
            <li><a href="../html/client_borrow.html">在借图书</a></li>
            <li><a href="../html/client_back.html">已还图书</a></li>
            <li><a href="../html/client_lendbook.html">预借图书</a></li>
            <li><a href="../html/client_collection.html">图书收藏夹</a></li>
        </ul>
        <h1>账户管理</h1>
        <ul>
            <li><a href="../html/client_credits.html">押金账户</a></li>
            <li><a href="../html/client_deposit.html">书币账户</a></li>
            <li><a href="../html/client_donate.html">捐赠申请</a></li>
        </ul>
        <h1>其他</h1>
        <ul>
            <li><a href="../html/client_leave.html">留言管理</a></li>
            <li><a href="../html/client_read.html">阅读心得</a></li>
            <li><a href="../html/client_withdrawal.html">退会申请</a></li>
        </ul>
    </div>
    <!--  end  client_nav-->

    <div class="client_right fright">
        <h1><span>会员管理</span></h1>
        <ul>
            <li class='first'>尊敬的${cust.name}，欢迎您回来！ 上次登录时间：${cust.lastsuccesslogintime.time}2013-05-30 13:41:59</li>
            <li><span class='left'>会员级别：一级会员</span><span>会员账号：康柏林</span></li>
            <li><span class='left'>押金额度：<em class="red">300</em>元</span><span>借书权限：借阅总书价为：<em
                    class="green">150</em>元</span></li>
            <li><span class='left'>当前剩余借书额度：<em class="red">50</em>元</span><span>书币余额：<em class="red">100</em>元</span>
            </li>
            <li class="add_lend">是否开通借阅延长：<a href="#" id="open">点击开通</a>

                <div id="add_box" style="display:none">
                    <h1>开通借阅期限延长</h1>
                    <label>延长天数 <select>
                        <option selected="selected">5天</option>
                        <option>10天</option>
                        <option>15天</option>
                        <option>20天</option>
                    </select></label>
                    <label>延长天数 <select>
                        <option selected="selected">1年</option>
                        <option>2年</option>
                        <option>3年</option>
                        <option>4年</option>
                    </select></label>

                    <p>需要消费书币：<span>25元</span></p>

                    <p class="button"><input type="submit" id="sure" class="sure1" value='确定'/>
                        <input type="button" id="cancel" class="cancel1" value='取消'/></p>
                </div>
            </li>

            <li>借阅期限：<em class="green">10</em>天<a href="../html/client_deposit.html"
                                                  target="_balnk">（想提高借阅总书价和借阅期限？）</a></li>
            <li>&nbsp;</li>
            <li><span class='left'><a href="#">心得记录：<em class="green">50</em>次</a></span><span><a href="#">借阅图书记录：<em
                    class="green">105</em>次</a></span></li>
            <li><span class='left'><a href="#">总借阅图书：<em class="green">105</em>本</a></span><span><a href="#">捐赠图书记录：<em
                    class="green">10</em>本</a></span></li>
        </ul>
    </div>
</div>
<!--  end  client_new-->

<div id="client_wrap" class="wrap">
    <div class="w990">
        <div class="w330 fleft">
            <h1 class="w_guide">新手指南</h1>
            <ul>
                <li class="li1"><a href="#">会员类型说明</a></li>
                <li><a href="#">借书详情说明</a></li>
                <li><a href="#">蒲公英网介绍</a></li>
            </ul>
        </div>
        <div class="w330 fleft">
            <h1 class="w_pay">新手指南</h1>
            <ul>
                <li class="li1"><a href="#">押金账户</a></li>
                <li><a href="#">书币账户</a></li>
                <li><a href="#">网上支付</a></li>
            </ul>
        </div>
        <div class="w330 fleft">
            <h1 class="w_help">帮助中心</h1>
            <ul>
                <li class="li1"><a href="#">意见反馈</a></li>
                <li><a href="#">找回密码</a></li>
                <li><a href="#">问题咨询解答</a></li>
            </ul>
        </div>
    </div>
</div>
<!--  end  wrap-->

<div id="footer"><p>Copyright© 2002-2013，蒲公英版权所有　粤ICP备13065515号　出版物经营许可证新出发粤批字第A-243号</p></div>
<!--  end  footer-->
<script type="text/javascript">

    window.onload = function () {
        var open = document.getElementById('open');
        var addBox = document.getElementById('add_box');
        var cancel = document.getElementById('cancel');
        var sure = document.getElementById('sure');
        open.onclick = function (event) {
            var event = event || window.event;
            if (event.preventDefault) {
                event.preventDefault();
            } else {
                event.returnValue = false;
            }
            addBox.style.display = 'block';
        }
        cancel.onclick = function () {
            addBox.style.display = 'none';
        }
    }
</script>
</body>
</html>
		